<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://zuche.com/jsp/jstl/uaa-taglib" prefix="uaa"%>
<%@ page import="com.zuche.framework.dao.util.DictModel" %>
<%

    String path = request.getContextPath();

    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>支付平台演示项目</title>
    <script src="<%=basePath%>heatmap/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        var _hm = _hm || {};
        _hm.align = 'center';
        _hm.contentWidth = function(){
            //return $('body>header').width();
            return $('body').width();
        }
    </script>
    <script src="<%=basePath%>heatmap/jquery.cookie.js" type="text/javascript"></script>
    <script src="<%=basePath%>heatmap/heatmap.jsp" type="text/javascript"></script>

    <style type="text/css">

        body{
            padding: 10px 30px 0px 0px;
        }
        .cardInfo {
            height: 50px;
            width: 1000px;
        }
        .cardInfo div{
            float:left;display: block;margin-left: 30px;
        }
        .cardInfo a{
            margin-left: 20px;
        }

    </style>
</head>
<body>

<form method="post" id="eposForm"  target="_blank">

    <div>
        <div>
            <h1>易宝测试页面</h1>
        </div>
        <!-- 共用信息部分 -->
        <div >
            <div class="cardInfo">
                <div>
                    账户类别：<select name="sysGroup" >
                    <option value="0">租车账户</option>
                    <option value="1">专车账户</option>
                    <option value="5">汽车金融账户</option>
                </select>
                </div>
                <div>
                    卡号：<input type="text" name="cardNo" value="6225758319307996"/>
                </div>
                <div>
                    发卡银行:<select name="sourceId">
                    <option value="ICBC">工行</option><option value="ABC">农行</option>
                    <option value="CCB">建行</option><option value="BOC">中国银行</option>
                    <option value="BCOM">中国交通银行</option><option value="CMB" selected>招行</option>
                    <option value="POST">中国邮政</option><option value="BOB">北京银行</option>
                    <option value="CBHB">渤海银行</option>         <option value="BJRCB">北京农商银行</option>
                    <option value="SRCB">上海农村商业银行</option>          <option value="SPDB">浦发银行</option>
                    <option value="NJCB">南京银行</option>         <option value="CEB">中国光大银行</option>
                    <option value="CMBC">中国民生银行</option>        <option value="BEA">东亚银行</option>
                    <option value="SDB">深圳发展银行</option>   <option value="NBCB">宁波银行</option>
                    <option value="GDB">广东发展银行</option>       <option value="HZB">杭州银行</option>
                    <option value="CITIC">中信银行</option>        <option value="PAB">平安银行</option>
                    <option value="HXB">华夏银行</option>      <option value="HSB">徽商银行</option>
                    <option value="CIB">兴业银行</option>      <option value="ABC">浙商银行</option>
                    <option value="SHB">上海银行</option>      <option value="GZCB">广州银行</option>
                    <option value="p_UPOP">银联平台</option>    <option value="p_kuaiqian">快钱平台</option>
                    <option value="p_alipay">支付宝平台</option>    <option value="p_tenpay">财付通平台</option>
                    <option value="WECHAT">微信</option>    <option value="p_alipay_m">支付宝平台手机</option>
                </select>
                </div>
            </div>

            <div class="cardInfo">
                <div>
                    卡类别：<select name="cardType" ><option value="1">信用卡</option><option value="2">储蓄卡</option></select>
                </div>
                <div>
                    有效期：<select name="month"><option value=""></option>
                    <option value="01">01</option><option value="02">02</option><option value="03">03</option>
                    <option value="04" selected>04</option><option value="05">05</option><option value="06">06</option>
                    <option value="07">07</option><option value="08">08</option><option value="09">09</option>
                    <option value="10">10</option><option value="11">11</option><option value="12">12</option>
                </select>月 /
                    <select name="year"><option value=""></option>
                        <option value="16">16</option><option value="17">17</option><option value="18">18</option>
                        <option value="19">19</option><option value="20">20</option><option value="21" selected>21</option>
                        <option value="22">22</option><option value="23">23</option><option value="24">24</option>
                        <option value="25">25</option><option value="26">26</option><option value="27">27</option>
                    </select>年
                </div>
                <div>CVV:<input type="text" name="cvv"/></div>
            </div>

            <div class="cardInfo">
                <div>手机号:<input type="text" name="mobile" value="15810074478"/></div>
                <div>姓名:<input type="text" name="name" value="裴承国"/></div>
                <div>身份证:<input type="text" name="sfz" value="42108719901004731X"/></div>
            </div>

            <div class="cardInfo">
                <div>交易人ID:<input type="text" name="payerId" value="5125392"/></div>
                <div>消费金额:<input type="text" name="money" value="1"/></div>
            </div>

            <div class="cardInfo">
                <div>RECORD_ID:<input type="text" name="recordId"/></div>
                <div>TOKEN:<input type="text" name="token" /></div>
                <div>VALID_CODE:<input type="text" name="validCode"/></div>
            </div>

            <div class="cardInfo">
                <div>输入绑卡id，不需要输入姓名，卡号，手机号，证件类型，证件号</div>
                <div>bindId:<input type="text" name="bindId"/></div>
            </div>

        </div>

        <!-- 按钮部分 -->
        <div class="cardInfo">
            <a onclick="eposSubmit('<%=basePath%>testYeepayCardPay.do_')" href="javascript:void(0);">易宝有卡支付</a>
            <a onclick="eposSubmit('<%=basePath%>testYeepayBindPay.do_')" href="javascript:void(0);">绑卡后在支付</a>

            <a onclick="eposSubmit('<%=basePath%>testYeepayAuth.do_')" href="javascript:void(0);">预授权申请</a>
        </div>



    </div>

</form>
<div>
    <h1>注意:</h1>
    <p style="color:red;font-size: 25;font-weight: bold;">DEMO项目使用时,请先修改setting.properties中配置的项目部署地址,勿使用localhost.</p>
</div>

<script type="text/javascript">
    function eposSubmit(url){
        document.getElementById("eposForm").setAttribute("action", url);
        document.getElementById("eposForm").submit();
    }

    function click(){
        alert(document.getElementById("a").value);
    }
</script>

</body>
</html>
